<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
			<!-- 后代选择器：派生，空格！  用途：选中父元素中的子元素
			语法： 任意选择器【父级】 任意选择器
			 网页：嵌套元素 
			 -->
			dl dd{
				color: #cbc9ff;
				background: #55ff00;
			}
			ul li{
				background: #cbc9ff;
			}
			/* 派生选择器:选中情深深雨蒙蒙 */
			ul .kk{
				font-size: 50px;
				color: aqua;
				
			}
			/* 后代选择器 删除线字体放大20 红色 背景黑 */
			#nav div div del{
				font-size: 20px;
				color: #f00;
				background: #000000;
			}
			/* 两个删除线 添加效果 36px 背景粉色 */
			.ftooer div div div div s,s {
				font: 2.25rem;
				background: #aa557f;
			}
		</style>
		
	</head>
	<body>
		<div class="ftooer">
			<div><div><div>  <s>删除线</s> <span>行内元素</span> </div></div></div>
			<div> <s>删除线</s></div>
		</div>
		
		
		<hr />
		<div id="nav">
			<span>这是一个段落</span>
			<div> <p>第一个段落</p><div> <del>删除线</del> </div> </div>
			<div> <p>第二个段落</p> </div>
		</div>
		
		
		<hr />
		<!-- 定义列表 -->
		<dl>
			<dt>图片1</dt>
			<dd>解释小图片</dd>
		</dl>
		<ul>
			<li>窗外</li>
			<li class="kk"><h1>情深深雨蒙蒙</h1></li>
			<li class="kk"><h1>小套子</h1></li>
			<li>小可子</li>
		</ul>
		
	</body>
</html>